
.navbar-collapse>ul:first-child>li>a{
  font-size: 14px;
  font-weight: bold;
}
.mainbar{
  text-align: center;
  width: 100%;
  position: fixed;
  top:0px;
  z-index: -1;
}
.barInfor{
  margin-top: 50px;
  opacity: 0;
}

.barInfor>p{
  text-align: center;
  font-weight: 100;
  font-size: 72px;
  color: white;
  height: 100px;
  
}
.barInfor>span>a{
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  color: hsla(0,0%,100%,.7);
}
    @media (max-width: 768px) {
        .barInfor>p {
        font-size: 30px;}
        .navbar-right{
        float: right!important;
        font-weight: bold;
       }
       .navbar-left{
        float: left!important;
          }
        
    }
    @media (min-width: 768px) {
        .barInfor>p {
            font-size: 40px;
        }
    }
    
    @media (min-width: 992px) {
        .barInfor>p {
            font-size: 50px;
        }
    }
    
    @media (min-width: 1200px) {
        .barInfor>p {
           font-size: 72px;
        }
    }

.barInfor>span>a>img{
  margin-right: 10px;
  height: 30px;
   animation: move 2s ease-in  1s infinite;
}
header{
  display: inline-block;
  width: 100%;
}

  @keyframes move{
            0%{
                transform: translate(0px,0);
            }
            6%{
                transform: translate(-20px,0);
            }
            12%{
                transform: translate(0px,0px);
            }
            24%{
                transform: translate(-20px,0px);
            }
            48%{
                transform: translate(0,0);
            }
            100%{
                transform: translate(0,0);
            }
        }
.top-bar{
   box-sizing: border-box;
  height: 550px;
  width: 100%;
}
.source-talent{
      font-size: 30px;
}
.section-first{ 
  width: 100%;
  padding: 60px 15px;
  background-color: #fff;
}
.source-talent{
  text-align: center;
  margin:20px 0px 10px 0px;
}
.source-datail{
  text-align: center;
  margin: 0 0 10px;
  font-size: 14px;
  color: #aab2bd;
}
.line{
  width: 80px;
  height: 5px;
  margin:40px auto;
  background-color:#aab2bd;
}
.internet-company{
  text-align: center;
  margin:40px 0px;
}
.internet-company>div{
  float: left;
  box-sizing: border-box;
  padding-top: 20px;
}
.internet-company>div>img{
  height: 66px;
  width: 100px;
  max-width: 100%;
  max-height: 100%;
  -webkit-filter: grayscale(1);
  padding: 15px 10px;
  margin: 0px 35px 10px 0px;
}
.internet-company>div>img:hover {
  -webkit-filter: grayscale(0);
}
.btn-primary{
  margin-right: 20px;
}
.btns{
  padding-top: 50px;
  text-align: center;
}